
// import { createApp } from "vue";

// import HButton from "./button";
// import SFCButton from './SFCButton.vue';
// import JSXButton from './JSXButton';
import HeasyUI from './entry'
import { createApp } from "vue/dist/vue.esm-browser";
createApp({
    template: `
    <div style="margin-bottom:20px;">
       <HButton color="blue">主要按钮</HButton>
       <HButton color="green">绿色按钮</HButton>
       <HButton color="gray">灰色按钮</HButton>
       <HButton color="yellow">黄色按钮</HButton>
       <HButton color="red">红色按钮</HButton>
       <HButton color="#DF2121">自定义颜色按钮</HButton>
   </div>
   <div style="margin-bottom:20px;"
   >
       <HButton color="blue" plain>朴素按钮</HButton>
       <HButton color="green" plain>绿色按钮</HButton>
       <HButton color="gray" plain>灰色按钮</HButton>
       <HButton color="yellow" plain>黄色按钮</HButton>
       <HButton color="red" plain>红色按钮</HButton>
   </div>
   <div style="margin-bottom:20px;">
       <HButton size="small" plain>小按钮</HButton>
       <HButton size="medium" plain>中按钮</HButton>
       <HButton size="large" plain>大按钮</HButton>
   </div>
   <div style="margin-bottom:20px;">
       <HButton color="blue" round plain icon="search">搜索按钮</HButton>
       <HButton color="green" round plain icon="edit">编辑按钮</HButton>
       <HButton color="gray" round plain icon="check">成功按钮</HButton>
       <HButton color="yellow" round plain icon="message">提示按钮</HButton>
       <HButton color="red" round plain icon="delete">删除按钮</HButton>
   </div>
   <div style="margin-bottom:20px;">
       <HButton color="blue" round plain icon="search"></HButton>
       <HButton color="green" round plain icon="edit"></HButton>
       <HButton color="gray" round plain icon="check"></HButton>
       <HButton color="yellow" round plain icon="message"></HButton>
       <HButton color="red" round plain icon="delete"></HButton>
   </div>
    `
}).use(HeasyUI).mount("#app");